<template>
  <div>
    <!-- 导航烂 -->
    <!-- <div>
      <van-nav-bar 
      title="报考资料上传" 
      left-text="返回" 
      left-arrow 
      @click-left="onClickLeft" />
    </div> -->
<NavBar :title="title" :route="route"></NavBar>

    <!-- 提示信息 -->
    <div class="PromptInformation">
      提示：报考资料将用于认证本人信息使用，照片将用于准考证，请按要求上传。
    </div>
    <div class="UploadPhotos" >
      
    <!-- 上传报考资料，照片 -->
      <van-cell is-link @click="UploadPhotos" :max-count="1" :max-size="295 * 413">
        
        <div>
          <p>上传照片<br>
          <span style="color: rgba(255, 0, 0, 1);font-size: 10px;">请上传本人7日内照片，五官清晰</span></p>
        </div>
        <span class="NavRight">
        请上传/已上传未提交/<br>
        审核中/已通过/未通过</span></van-cell>
  <van-cell is-link>
        <div>
          <p>准考证<br>
          <span style="color: rgba(255, 0, 0, 1);font-size: 10px;">请上传本人中考准考证，可拍照截图</span></p>
        </div>
       </van-cell>
    </div>
    <div class="EnterButton">
        <van-button type="info" @click="Enterbutton">确认提交</van-button>
    </div>
  </div>
</template>

<script>
import NavBar from '@/components/navBar.vue'
export default {
  components:{
    NavBar
  },
  data(){
    return{
      title:'报考资料上传',
      route:'MyHome'
    }
  },
  methods: {
    UploadPhotos(){
      this.$router.push({path:'UploadPhotos'})
    },
    Enterbutton(){
      console.log('wer')
    }
  },
};
</script>

<style  scoped>
.PromptInformation{
  width: 344px;
	height: 36px;
	margin-left: 15px;
	margin-top: 16px;
	color: rgba(80, 80, 80, 1);
	font-size: 12px;
	line-height: 150%;
	text-align: left;
}
.NavRight{
	color: rgba(80, 80, 80, 1);
	font-size: 12px;
	line-height: 150%;
  float: right;
  margin-top: 5px;
	
}
.UploadPhotos{
  height: 63px;
  margin-top: 15px;
}
.van-cell div {
 color: rgba(80, 80, 80, 1);
	line-height: 150%;
	text-align: left;
  float: left;
  height: 41px;
  margin-top: -10px;
  font-size: 10px;
}
.EnterButton{
  text-align: center;
}
.van-button{
  width: 300px;
  margin-top: 400px;
  color: rgba(255, 255, 255, 1);
	background-color: rgba(42, 130, 228, 1);
	border-radius: 4px;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
}
</style>